<template>
  <div class="page">
    <b>
      <i v-for="(value, key) in titleStr" v-bind:key="key" class="out">
        {{ value }}
      </i>
      <!-- <i v-for="(value, key) in flipStr" v-bind:key="key" class="in">
        {{ value }}
      </i> -->
    </b>
  </div>
</template>
<script>
export default {
  props: {
    titleStr: {
      type: String,
      default: "标题",
    },
    flipStr: {
      type: String,
      default: "翻转",
    },
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss">

.page {
  .out {
    display: inline-block;
  }
  .in {
    display: inline-block;
  }
}
</style>